axisPointer

坐标轴指示器是指示坐标轴当前刻度的工具。鼠标悬浮到图上,可以出现标线和刻度文本。依赖于axis。

组件详细配置项如下,每个配置项都有一个默认值:

        $axisIndex: [0, 1], // {number|Array<number>} 依赖的axis的index,可以为数组

        // 指示线
        line: {
            show: true, // {boolean} 是否显示指示线
            // line样式
            style: {
                stroke: 'rgba(51, 51, 51, 0.5)',
                lineWidth: 1
            }
        },

        // 指示区域
        shadow: {
            show: false, // {boolean} 是否显示指示区域
            style: {
                fill: 'rgba(150,150,150,0.3)'
            }
        },

        // 坐标轴指示器的文本标签。
        label: {
            show: true, // {boolean} 是否显示标签
            // {Function} 标签内容格式化
            formatter: function(d) {
                if (d && d.toFixed) {
                    return d.toFixed(2);
                } else {
                    return d;
                }
            },
            gap: 5, // {number} 标签与坐标轴距离
            // 标签文本样式
            style: {
                fill: 'white',
                textPadding: 5,
                textBorderRadius: 5,
                textBackgroundColor: '#6A7985'
            }
        },

        // series标签
        seriesLabel: {
            show: false, // {boolean} 是否显示
            gap: 5,

            // {Function} 标签内容格式化
            formatter: function(d) {
                return d;
            },

            seriesIndex: [], // {Array<number>} 要显示的label的seriesIndex
            style: {
                textVerticalAlign: 'bottom',
                textAlign: 'right'
            }
        },

        zlevel: 0, // {number} 所有图形的 zlevel 值
        z: 9 // {number} 组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。